<template>
  <div>
    <!-- options选项 -->
    <!-- provinceAndCityData 是省市两级联动数据且不带 "全部" 字样选项 -->
    <!-- provinceAndCityDataPlus 是省市两级联动数据且显示 "全部" 字样选项 -->
    <!-- regionData 是省市区三级联动数据且不带 "全部" 字样选项 -->
    <!-- regionDataPlus 是省市区三级联动数据且显示 "全部" 字样选项 -->
    <!-- 当选择 “全部” 字样选项时，绑定的 value 值是空字符串。 -->
    <el-cascader v-model="provinces" size="large" :options="options" placeholder="请选择省市区" @change="addressChange" />
  </div>
</template>

<script>
import { regionData, CodeToText } from 'element-china-area-data'// 引入
export default {
  data() {
    return {
      options: regionData, // 选择格式
      provinces: [] // 省市区绑定数组
    }
  },
  methods: {
    // 事件触发000
    addressChange(arr) {
      console.log(arr)
      console.log(CodeToText[arr[0]], CodeToText[arr[1]], CodeToText[arr[2]])
    }
  }
}
</script>
